<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单管理</title>
    <#include "/include/resource.html"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    <style>
        .example-modal .modal {
            position: relative;
            top: auto;
            bottom: auto;
            right: auto;
            left: auto;
            display: block;
            z-index: 1;
        }

        .example-modal .modal {
            background: transparent !important;
        }
    </style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <#include "/include/header.html"/>
    <!-- Left side column. contains the logo and sidebar -->
    <#include "/include/main-sidebar.html"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                取消订单详情
                <small>已取消订单详情</small>
            </h1>
            <ol class="breadcrumb">
                <li><i class="fa fa-dashboard"></i> 取消订单详情</li>
                <li class="active">取消订单详情</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">取消订单详情</h3>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>下单时间</strong>

                                <p class="text-muted">
                                    ${nav.getDate((orderExt.startTime)!"")}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>货物类型</strong>
                                <p class="text-muted">
                                    ${(orderExt.goodsType.name)!""}
                                </p>
                            </div>
                            <hr>

                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>商户Name</strong>

                                <p class="text-muted">
                                    ${(orderExt.merchartName)!"暂无"}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>商户联系方式</strong>
                                <p class="text-muted">
                                    ${(orderExt.merchantPhone)!"暂无"}
                                </p>
                            </div>
                            <hr>


                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>出发地址</strong>

                                <p class="text-muted">
                                    ${(startPlace.userAddress)!""}(${(startPlace.userAddressDetail)!""})
                                    <span class="description"> 联系人: ${(startPlace.userName)!""}</span>
                                    <span class="description"> 联系方式: ${(startPlace.userContact)!""}</span>
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>目的地址</strong>
                                <p class="text-muted">
                                    <#if destination??&&destination?size gt 0>
                                        <#list destination as t>
                                <p class="text-muted">
                                    ${t_index+1}.${(t.userAddress)!""}(${(t.userAddressDetail)!""})
                                    <span class="description"> 联系人: ${(t.userName)!""}</span>
                                    <span class="description"> 联系方式: ${(t.userContact)!""}</span>
                                </p>
                                </#list>
                                <#else>
                                    --
                                    </#if>
                                    </p>
                            </div>
                            <hr>

                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>起步价</strong>

                                <p class="text-muted">
                                    ${(orderExt.startingPrice)!"--"}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>起步距离</strong>
                                <p class="text-muted">
                                    ${(orderExt.startingDistance)!"--"}
                                </p>
                            </div>
                            <hr>

                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>额外服务</strong>

                                <p class="text-muted">
                                    ${(orderExt.extractService)!"暂无"}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>给司机捎话</strong>
                                <p class="text-muted">
                                    ${(orderExt.toDriver)!"暂无"}
                                </p>
                            </div>
                            <hr>

                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>订单金额</strong>

                                <p class="text-muted">
                                    ${(orderExt.totalAmount)!"--"}元
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>小费</strong>
                                <p class="text-muted">
                                    ${(orderExt.fee)!"--"}元
                                </p>
                            </div>
                            <hr>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>结束时间</strong>
                                <p class="text-muted">
                                    ${(orderExt.endTime)!"--"}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>订单Status</strong>
                                <p class="text-muted">
                                    ${nav.getOrderStatus((orderExt.status)!"")}
                                </p>
                            </div>
                            <hr>

                        </div>
                        <!-- /.box -->
                    </div>
                </div>
            </div>
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">骑手信息</h3>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>骑手姓名</strong>

                                <p class="text-muted">
                                    ${(orderExt.riderName)!"暂无"}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>骑手联系方式</strong>
                                <p class="text-muted">
                                    ${(orderExt.riderPhone)!"暂无"}
                                </p>
                            </div>
                            <hr>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>接单时间</strong>

                                <p class="text-muted">
                                    ${nav.getDate((orderExt.rideTime)!0)}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <strong><i class="fa fa-book margin-r-5"></i>出发时间</strong>
                                <p class="text-muted">
                                    ${nav.getDate((orderExt.startOffTime)!0)}
                                </p>
                            </div>
                            <hr>
                        </div>
                    </div>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 2.4.0
        </div>
        <strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
        reserved.
    </footer>
    <div class="control-sidebar-bg"></div>
</div>
<#include "/include/js_footer.html"/>
</body>
</html>
